<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
	
	
	xmlns:composite="http://xmlns.jcp.org/jsf/composite">

<!-- INTERFACE -->
<composite:interface name="tileLargePictureTitleTeaserText"
	shortDescription="Provides a top-aligned imaged followed by text.">
	<composite:attribute name="title" default="" required="false"
		type="java.lang.String" />
	<composite:attribute name="isVerticalStacked" default="true"
		type="java.lang.Boolean" />
	<composite:attribute name="isVerbose" default="false"
		type="java.lang.Boolean"
		shortDescription="Used to indicate if the tile should display full article or - by default - only a preview." />
	<composite:attribute name="pubDate" required="false"
		type="java.lang.String" />
	<composite:attribute name="location" required="false"
		type="java.lang.String" />
	<composite:attribute name="mediaSource" required="false"
		type="java.lang.String" />
	<composite:attribute name="numberOfComments" required="false" type="java.lang.Integer" />
	<composite:attribute name="picture" required="false" />
	<composite:attribute name="teaser" required="false"
		type="java.lang.String" />
	<composite:attribute name="article" required="true"
		type="java.lang.String" />
</composite:interface>

<!-- IMPLEMENTATION: REUSABLE FOR CREATE AND UPDATE ACTIONS-->
<composite:implementation>
	<div class="tile tileLargePictureTitleTeaserText">
		<c:choose>
			<c:when test="#{cc.attrs.isVerticalStacked == true}">
				<div class="image">
					<h:graphicImage value="/resources/publications/Melinda22.JPG" />
				</div>
				<div class="content">
					<div class="title">#{cc.attrs.title}</div>
					<div class="details">
						<span class="pubDate">#{cc.attrs.pubDate}</span> <span
							class="location">#{cc.attrs.location}</span> <span
							class="mediaSource">#{cc.attrs.mediaSource}</span>
					</div>
					<c:choose>
						<c:when test="#{cc.attrs.isVerbose == false}">
							<div class="article">#{cc.attrs.teaser}</div>
							<div class="details">
								<span>read more</span>
							</div>
						</c:when>
						<c:otherwise>
							<div class="teaser">#{cc.attrs.teaser}</div>
							<div class="article">#{cc.attrs.article}</div>
						</c:otherwise>
					</c:choose>
				</div>
			</c:when>
			<c:otherwise>
				<div class="horizontal">
					<div class="tileImage">
						<h:graphicImage value="/resources/publications/Melinda22.JPG" />
					</div>
					<div class="content">
						<div class="title">#{cc.attrs.title}</div>
						<ui:remove>Details will be shown on mouse-over</ui:remove>
					</div>
					<div class="details">
						<div class="article">#{cc.attrs.teaser}</div>
					</div>
				</div>

			</c:otherwise>
		</c:choose>

	</div>
</composite:implementation>
</html>